<!DOCTYPE html>
<html>

<head>
	<meta charset='UTF-8' />
		
	<title><?php echo (isset($title)? $title : "MyCMS") ;?></title>
  <link rel='stylesheet' href='day.css' />
 
 <link rel='stylesheet' href='css/style.css' />
 
 	
<script src="js/jquery.js" type="text/javascript"></script>
 
</head>
<body>
	<div id="container">
	<div id="header" style="overflow:hidden">				
	<h1><a href="">MyCMS</a></h1>
    <p class="slogan" id='paragrapt'>My Content Management System</p>
 		<dl>
 	  		 
 			<dd>We are open 24/7</dd>
 			<dt>What are your hours ? </dt>
 			<dd>We are open 24/7</dd><dt>What are your hours ? </dt>
 			<dd>We are open 24/7</dd>
 		</dl>
 		<script >
   		 	(function(){
 
		 var dd = $('dd');
	
		dd.filter(':nth-child(n+4)').addClass('hide');
		$('dt').on('mouseenter',function(){
			$(this).next().
			slideDown(200).
			siblings('dd').
			slideUp(2000);				
			})
 
   		 	})();
	 
 </script>
	<div id="navigation">
		<ul>
	        <li><a href='#'>Home</a></li>
			<li><a href='#'>About</a></li>
			<li><a href='#'>Services</a></li>
			<li><a href='#'>Contact us</a></li>
		</ul>
        
        <p class="greeting">Xin chào bạn hiền!</p>
	</div><!-- end navigation-->

	</div>
 